

/* G�n�ral */
body {
	color: #F0E39E;
	background: #95a5a6;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}
input, button, textarea {
    border: none;
    border-radius: 7px;
    font-family: 'Raleway', sans-serif;
    box-shadow: 1px 2px 7px -1px;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	background: url(./media/img/07-colonnes.png) repeat-y; 
}

/* Navigation */
nav {
	background: #181A12; 
}
nav a {
	color: #FF6533;
}
nav a:hover, nav a:focus {
	background: #000000;
}

/* Contenu principal */
section {
	color: #363B29;
	background: #2980b9; 
}
section a {
	color: #332510;
}
section a:hover, section a:focus {
	color: #6E5122;
}
section strong {
	color: #181A12;
}


/* --- POSITIONNEMENT --- */

/* Page */
body {
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
}
#global {
	width: 29%; 
	margin: 0 auto; 
}

/* En-t�te */
header {
	margin: 0px 20px 20px 0;
	background: #2980b9;
	width: 100%;
}
header h1 {
	margin: 0;
}
header h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
header .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central contenant nav et section  */
#centre {
	width: 100%; 
	overflow: hidden; /* -> 5 */
}

/* Menu de navigation */
nav {
	width: 180px;
	float: left; 
}
nav ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}
nav a {
	display: block;
	height: 1%; 
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu */
section { 
	padding: 10px 20px;
}
section > :first-child {
	margin-top: 10px;
}
#video{
	overflow: hidden;
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
}
section p, section li {
	line-height: 1.5;
}

/* Pied de page */
footer {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}
div#pop-upconnect {
position: relative;
width: 71%;
margin: 5% 5% 4% 25%;
border-radius: 3px;
top:0;
display:block;
}
#pop-updeconnect{
		position: absolute;
width: 250px;
border-radius: 3px;
margin: 20px;
right: 0;
top:0;
display:block;
	
}
div#demo div.me {
    width: 100%;
    right: 0;
    text-align: right;
}
div#demo div.other {
    width: 100%;
    right: 0;
    text-align: left;
}
div#demo {
	height: 40%;
   overflow: auto;
}
div#demo p{
	margin:0;
}
iframe {
    border: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}